<!DOCTYPE html>
<html>

<head>
	<meta charset=utf-8>
	<link rel="stylesheet" href="./css/scyc.css">
	<script src="js/jquery-1.10.2.js" charset="utf-8"></script>
	<script src="js/echarts.js" charset="utf-8"></script>
	<title></title>


</head>

<body>
	<div class="container">
		<div class="con">
			<div class="block50">
				<div class="info-left">
					<div class="header">代办任务<a href="#">更多>></a></div>
					<div class="info-con">
						<ul>
							<li><a href="javascript:;">您有一条隐患信息【隐患内容】需要处理</a></li>
							<li><a href="javascript:;">您有一条制丝车间关于xxx的动火作业需要审批</a></li>
							<li><a href="javascript:;">您有一条安全文化消息需要审批</a></li>
							<li><a href="javascript:;">您有一条动力车间作业需要审批</a></li>
							<li><a href="javascript:;">您有一条总务科临时用电作业需要审批</a></li>
							<li class="li-5"><a href="javascript:;">您有一条物流分中心熏蒸杀虫作业需要审批</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="block50">
				<div class="info-right">
					<div class="header">信息查询<a href="#">更多>></a></div>
					<div class="info-con">
						<ul>
							<li><a href="javascript:;">关于三月召开专项检查的通知</a></li>
							<li><a href="javascript:;">关于三月召开专项检查的通知</a></li>
							<li><a href="javascript:;">关于三月召开专项检查的通知</a></li>
							<li><a href="javascript:;">关于三月召开专项检查的通知</a></li>
							<li><a href="javascript:;">关于三月召开专项检查的通知</a></li>
							<li class="li-5"><a href="javascript:;"> 关于三月召开专项检查的通知</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="con">
			<div class="block50">
				<div class="info-left">
					<div class="header">

						<div class="tab-group">
							<span class="on">到期提醒</span>
							<span>积分商城</span>
						</div>

						<a href="#">更多>></>
					</div>
					<div class="info-con">
						<ul>
							<li><a href="javascript:;">证书【证书名称】【失效日期】到期，请处理</a></li>
							<li><a href="javascript:;">证书【证书名称】【失效日期】到期，请处理</a></li>
							<li><a href="javascript:;">证书【证书名称】【失效日期】到期，请处理</a></li>
							<li><a href="javascript:;">证书【证书名称】【失效日期】到期，请处理</a></li>
							<li><a href="javascript:;">证书【证书名称】【失效日期】到期，请处理</a></li>
							<li class="li-5"><a href="javascript:;">证书【证书名称】【失效日期】到期，请处理</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="block50">
				<div class="info-right">
					<div class="info-con swiper-box" style="height:210px;">
						<div class="swiper-container" style="width: 100%;height:100%;">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<img src="./img/test-banner.png" alt="">
									<p class="bottom-txt">四川烟草安全生产四川烟草安全生产</p>
								</div>
								<div class="swiper-slide">
									<img src="./img/test-banner.png" alt="">
									<p class="bottom-txt">四川烟草安全生产四川烟草安全生产</p>
								</div>
								<div class="swiper-slide">
									<img src="./img/test-banner.png" alt="">
									<p class="bottom-txt">四川烟草安全生产四川烟草安全生产</p>
								</div>
								<div class="swiper-slide">
									<img src="./img/test-banner.png" alt="">
									<p class="bottom-txt">四川烟草安全生产四川烟草安全生产</p>
								</div>
								<div class="swiper-slide">
									<img src="./img/test-banner.png" alt="">
									<p class="bottom-txt">四川烟草安全生产四川烟草安全生产</p>
								</div>
							</div>
							<!-- 如果需要分页器 -->
							<div class="swiper-pagination"></div>

						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="con_echarts">
			<div class="block50">
				<div class="info-left">
					<div class="header">年度隐患趋势分析表<a href="#"></a></div>
					<div class="info-con">
						<div id="line-charts" style="height:237px;width:100%;float:right"></div>
					</div>
				</div>
			</div>
			<div class="block50">
				<div class="info-right">
					<div class="header">年度隐患总数前六统计表<a href="#"></a></div>
					<div class="info-con">
						<div id="bar1" style="height:237px;width:100%;float:right"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="./js/swiper.min.js"></script>
	<script src="js/scyc.js" charset="utf-8"></script>
</body>

</html>